<HTML>
<HEAD>
<TITLE>JavaScript Source Code 2002:  Scroll Scripts</TITLE>
<META HTTP-EQUIV="JavaScript Source Code 2002" CONTENT="no-cache">
<META NAME="date" CONTENT="2000-09-09">
<META NAME="channel" CONTENT="Web Developer">
<META NAME="author" CONTENT="JavaScript Source Code 2002">
<META NAME="section" CONTENT="Scrolls">
<META NAME="description" CONTENT="JavaScript Scrolls -- These scripts all scroll some information on the screen - either on the status bar (that bar on the bottom on your browser that says 'Document:Done') or in a text box.">
<meta name="keywords" content="scrollers scroll info status bar bottom of page messages date time welcome text one letter vertical write and slide">
<meta name="ROBOTS" content="ALL">
<meta name="title" content="JavaScript Source Code 2002 - Scroll Scripts">
<meta name="subject" content="JavaScript">
<LINK REL="stylesheet" href="../styles/jsstyles.css" /styles/jsstyles.css" type="text/css">
</HEAD>

<BODY>

<BR>

</CENTER>

<P CLASS="listingtxt">
These scripts all scroll some information on the screen - either on the status bar (that bar on the bottom on your browser that says 'Document:Done') or in a text box.  Some are very difficult to write - just look at the code.  
<hr noshade size=5 class="listing"></P>

<!--content_start-->

<P CLASS="listingtxt">
<b>Title:</b> <a name="Box_Message" href="box-message.html" /scrolls/box-message.html">Box Message</a><br><b>Contributor:</b>  <a href="mailto:keiths@topixonline.com">Keith Swerling</a>  (<a href="mailto:keiths@topixonline.com">keiths@topixonline.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.topixonline.com/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.topixonline.com/'" tppabs="http://www.topixonline.com/">http://www.TopiXonline.com</a><br><b>Details:</b> 1.31 KB * Uploaded December 17 1999<br><b>Description:</b>  Scrolls a message in a textbox.  When the user clicks in the box, however, the scrolling text is stopped and the box can be used normally.</P><P CLASS="listingalign" align=right>[ <a href="box-message.html#source" /scrolls/box-message.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="classic" href="classic.html" /scrolls/classic.html">Classic Scroll</a><BR><b>Details:</b> 1.35 KB * Uploaded August 23 1997<br><b>Description:</b>  This is the classic scroll that you see EVERYWHERE! This script is also highly configurable (as are most in TJS). One more thing. Be aware that this effect does eventually get very annoying.</P><P CLASS="listingalign" align=right>[ <a href="classic.html#source" /scrolls/classic.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Cryptic_Scroller" href="cryptic-scroller.html" /scrolls/cryptic-scroller.html">Cryptic Scroller</a><br><b>Contributor:</b>  Nebojsa Pajkic  <br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://justfreestuff.homepage.com/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://justfreestuff.homepage.com/'" tppabs="http://justfreestuff.homepage.com/">http://justfreestuff.homepage.com</a><br><b>Details:</b> 1.88 KB * Uploaded February 28 2000<br><b>Description:</b>  Most of us never fulfilled our dream of working for the FBI or the CIA.  But, that doesn't mean we can't play like we did!  This script displays a cryptic series of numbers in the status bar at the bottom of the browser and decrypts it one letter a time.  Sweet!</P><P CLASS="listingalign" align=right>[ <a href="cryptic-scroller.html#source" /scrolls/cryptic-scroller.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="date&time" href="date-time-scroll.html" /scrolls/date-time-scroll.html">Date & Time</a><BR><b>Details:</b> 2.68 KB * Uploaded March 6 1998<br><b>Description:</b>  Yes, this is another JavaScript scroll.  But, unlike the others, this one has the date & time included at the front of the first message!  It looks very professional!</P><P CLASS="listingalign" align=right>[ <a href="date-time-scroll.html#source" /scrolls/date-time-scroll.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>


<P CLASS="listingtxt">
<b>Title:</b> <a name="editor" href="editor.html" /scrolls/editor.html">Editor</a><BR><b>Details:</b> 1.89 KB * Uploaded August 23 1997<br><b>Description:</b>  This is a very cool way to show you a little bit better how Javascript works. Go ahead. You can manipulate several different variables and then see the effects on the scroll box. Have fun!</P><P CLASS="listingalign" align=right>[ <a href="editor.html#source" /scrolls/editor.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Expanding Text" href="expanding-text.html" /scrolls/expanding-text.html">Expanding Text</a><br><b>Contributor:</b>  Nicolas<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.javascript-page.com/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.javascript-page.com/'" tppabs="http://www.javascript-page.com/">http://www.javascript-page.com</a><br><b>Details:</b> 2.09 KB * Uploaded June 1 1999<br><b>Description:</b>  Draw attention to information on your site with JavaScript-powered expanding text!  Just enter the text you want to use, the max size you want it to reach, and speed it should "grow" and it's ready to go.  Neat!</P><P CLASS="listingalign" align=right>[ <a href="expanding-text.html#source" /scrolls/expanding-text.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="flasher" href="flasher.html" /scrolls/flasher.html">Flasher</a><BR><b>Details:</b> 0.83 KB * Uploaded August 23 1997<br><b>Description:</b>  This script simply flashes (hence the name) a message on and off on your statusbar.  This script probably got your attention better than the Classic Scroll but, is not used as much.  The Flasher is just not as well known as the Classic Scroll.</P><P CLASS="listingalign" align=right>[ <a href="flasher.html#source" /scrolls/flasher.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Keyboard_Slider" href="keyboard-slider.html" /scrolls/keyboard-slider.html">Keyboard Slider</a><br><b>Contributor:</b>  <a href="mailto:motore@iol.it">Massimo Giari</a>  (<a href="mailto:motore@iol.it">motore@iol.it</a>)<br><b>Details:</b> 2.32 KB * Uploaded September 20 2000<br><b>Description:</b>  Now you can move images and objects across the screen by simply using keys from the keyboard.  Amazing!</P><P CLASS="listingalign" align=right>[ <a href="keyboard-slider.html#source" /scrolls/keyboard-slider.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Layer_Scroller" href="layer-scroller.html" /scrolls/layer-scroller.html">Layer Scroller</a><br><b>Contributor:</b>  <a href="mailto:psych3@primus.com.au">Eddie Traversa</a>  (<a href="mailto:psych3@primus.com.au">psych3@primus.com.au</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://nirvana.media3.net/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://nirvana.media3.net/'" tppabs="http://nirvana.media3.net/">http://nirvana.media3.net</a><br><b>Details:</b> 7.99 KB * Uploaded September 11 2000<br><b>Description:</b>  Provides controls to scroll the layer at varying speeds.  Can be used with your own graphics and layout to creatively present your content.</P><P CLASS="listingalign" align=right>[ <a href="layer-scroller.html#source" /scrolls/layer-scroller.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Line_Scroller" href="line-scroller.html" /scrolls/line-scroller.html">Line Scroller</a><br><b>Contributor:</b>  <a href="mailto:ernst.straka@central-europe.basf.org">Ernst Straka</a>  (<a href="mailto:ernst.straka@central-europe.basf.org">ernst.straka@central-europe.basf.org</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.rs-systems.at/straka  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.rs-systems.at/straka'" tppabs="http://www.rs-systems.at/straka">http://www.rs-systems.at/straka</a><br><b>Details:</b> 2.48 KB * Uploaded August 8 2000<br><b>Description:</b>  An impressive single line news ticker with smooth scrolling motion.  Supports any valid HTML within the scroll text, including images or links.  Really easy to position on your page, just place the 'tickpos' anchor where you want the scroller to appear.  Easy!</P><P CLASS="listingalign" align=right>[ <a href="line-scroller.html#source" /scrolls/line-scroller.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="marquee" href="marquee.html" /scrolls/marquee.html">Marquee</a><br><B>Contributor URL:</B>&nbsp;<a href="javascript:if(confirm('http://www.geocities.com/SiliconValley/Horizon/5235  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.geocities.com/SiliconValley/Horizon/5235'" tppabs="http://www.geocities.com/SiliconValley/Horizon/5235">http://www.geocities.com/SiliconValley/Horizon/5235</A><BR><b>Details:</b> 1.00 KB * Uploaded March 5 1998<br><b>Description:</b>  (Internet Explorer preferred) This JavaScript scrolls information back and forth across a page - the message appears to float back and forth!  If you don't have Internet Explorer, it'll just show the message on the screen.  Works great!</P><P CLASS="listingalign" align=right>[ <a href="marquee.html#source" /scrolls/marquee.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="News_Scroller" href="news-scroller.html" /scrolls/news-scroller.html">News Scroller</a><br><b>Contributor:</b>  <a href="mailto:yobo42@hotmail.com">Dion</a>  (<a href="mailto:yobo42@hotmail.com">yobo42@hotmail.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.iinet.net.au/~biab/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.iinet.net.au/~biab/'" tppabs="http://www.iinet.net.au/~biab/">http://www.iinet.net.au/~biab/</a><br><b>Details:</b> 2.71 KB * Uploaded October 26 1999<br><b>Description:</b>  Scrolling words along the bottom of the page is cool and all, but this one takes the cake....  You can scroll text, links, images, buttons, basically anything you want, in a little news like box on your site.  And, you can have as many 'messages' as you want.  Amazing!</P><P CLASS="listingalign" align=right>[ <a href="news-scroller.html#source" /scrolls/news-scroller.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="oneletter" href="one-letter.html" /scrolls/one-letter.html">One Letter</a><br><B>Contributor:</B>  <a href="mailto:mkpunnl@netvigator.com">Pun Man Kit</a>&nbsp;(<a href="mailto:mkpunnl@netvigator.com">mkpunnl@netvigator.com</a>)<BR><b>Details:</b> 1.67 KB * Uploaded April 16 1998<br><b>Description:</b>  This script will scroll one letter at a time of your message until the entire message has been displayed! Very neat!</P><P CLASS="listingalign" align=right>[ <a href="one-letter.html#source" /scrolls/one-letter.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Select_Menu" href="select-menu.html" /scrolls/select-menu.html">Select Menu</a><br><b>Contributor:</b>  <a href="mailto:dion42@hotmail.com">Dion</a>  (<a href="mailto:dion42@hotmail.com">dion42@hotmail.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.iinet.net.au/~biab/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.iinet.net.au/~biab/'" tppabs="http://www.iinet.net.au/~biab/">http://www.iinet.net.au/~biab/</a><br><b>Details:</b> 2.00 KB * Uploaded November 9 1999<br><b>Description:</b>  A select menu that scrolls that rotates the items to give the appearance that they are scrolling.  Useful if you would like a scroller inside a table cell or to be compatible with older browsers.  Clever!</P><P CLASS="listingalign" align=right>[ <a href="select-menu.html#source" /scrolls/select-menu.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Self_Correcting_Text" href="self-correcting-text.html" /scrolls/self-correcting-text.html">Self-Correcting Text</a><br><b>Contributor:</b>  <a href="mailto:dzzie@yahoo.com">dzzie@yahoo.com</a>  (<a href="mailto:dzzie@yahoo.com">dzzie@yahoo.com</a>)<br><b>Details:</b> 2.90 KB * Uploaded November 7 2000<br><b>Description:</b>  (Internet Explorer Only)  Simulates a typewriter that can correct its own mistakes.  Create your own messages and display them with this unique script.  Fun!</P><P CLASS="listingalign" align=right>[ <a href="self-correcting-text.html#source" /scrolls/self-correcting-text.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Shrinking_Scroller" href="shrinking-scroller.html" /scrolls/shrinking-scroller.html">Shrinking Scroller</a><br><b>Contributor:</b>  <a href="mailto:yegeniana@hotmail.com">Aram Yegenian</a>  (<a href="mailto:yegeniana@hotmail.com">yegeniana@hotmail.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://aramyegenian.cjb.net/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://aramyegenian.cjb.net/'" tppabs="http://aramyegenian.cjb.net/">http://aramyegenian.cjb.net</a><br><b>Details:</b> 1.19 KB * Uploaded May 31 2000<br><b>Description:</b>  Your message is initially expanded with extra spaces but then slowly compressed to fit the message in the status bar.  Neat!</P><P CLASS="listingalign" align=right>[ <a href="shrinking-scroller.html#source" /scrolls/shrinking-scroller.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="text-effect" href="text-effect.html" /scrolls/text-effect.html">Text Effect</a><br><B>Contributor:</B><a href="mailto:happynoodleboy@mindless.com">Hapaboy</a>&nbsp;(<a href="mailto:happynoodleboy@mindless.com">happynoodleboy@mindless.com</a>)<BR><B>Contributor URL:</B>&nbsp;<a href="javascript:if(confirm('http://www.geocities.com/SouthBeach/Palms/6999  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.geocities.com/SouthBeach/Palms/6999'" tppabs="http://www.geocities.com/SouthBeach/Palms/6999">http://www.geocities.com/SouthBeach/Palms/6999</A><BR><b>Details:</b> 2.09 KB * Uploaded June 1 1999<br><b>Description:</b>  Draw attention to information on your site with JavaScript-powered expanding text! Just enter the text you want to use, the max size you want it to reach, and speed it should "grow" and it's ready to go. Neat!</P><P CLASS="listingalign" align=right>[ <a href="text-effect.html#source" /scrolls/text-effect.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Textarea_Scroller" href="textarea.html" /scrolls/textarea.html">Textarea Scroller</a><br><b>Contributor:</b>  <a href="mailto:the@rescueteam.com">Tarjei Davidsen</a>  (<a href="mailto:the@rescueteam.com">the@rescueteam.com</a>)<br><b>Details:</b> 1.89 KB * Uploaded February 8 2000<br><b>Description:</b>  Saves a great deal of space on a page by displaying an infinite amount of news, updates, or other information to your site's visitors in a textarea box through a typewriter style display.  Internet Explorer users can also see a colored background in the textarea.  The size of the textarea and the messages are all customizable.  Great!</P><P CLASS="listingalign" align=right>[ <a href="textarea.html#source" /scrolls/textarea.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="textbox" href="textbox.html" /scrolls/textbox.html">Textbox</a><BR><b>Details:</b> 1.30 KB * Uploaded August 23 1997<br><b>Description:</b>  This is another version of the infamous scroll. Although, this one scrolls your information in a text box and is far less 'annoying' that most of the status bar scrollers. Just imagine what you can draw attention to!  Anything!</P><P CLASS="listingalign" align=right>[ <a href="textbox.html#source" /scrolls/textbox.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Up_&_Down_Vertical_Scroller" href="up-down-vertical.html" /scrolls/up-down-vertical.html">Up & Down Vertical Scroller</a><br><b>Contributor:</b>  <a href="mailto:mike_mcgrath@lineone.net">Mike McGrath</a>  (<a href="mailto:mike_mcgrath@lineone.net">mike_mcgrath@lineone.net</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://website.lineone.net/~mike_mcgrath/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://website.lineone.net/~mike_mcgrath/'" tppabs="http://website.lineone.net/~mike_mcgrath/">http://website.lineone.net/~mike_mcgrath/</a><br><b>Details:</b> 4.08 KB * Uploaded November 23 1999<br><b>Description:</b>  This script allows the user to scroll a vertical box up and down with two buttons.  Allows them to read the information at their own pace, or scroll back and read any information they wish.  The scroller window can also be set to open automatically!  Neat!</P><P CLASS="listingalign" align=right>[ <a href="up-down-vertical.html#source" /scrolls/up-down-vertical.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="vertical" href="vertical.html" /scrolls/vertical.html">Vertical</a><br><B>Contributor:</B>  <a href="mailto:mkpunnl@netvigator.com">Pun Man Kit</a>&nbsp;(<a href="mailto:mkpunnl@netvigator.com">mkpunnl@netvigator.com</a>)<BR><B>Contributor URL:</B>&nbsp;<a href="javascript:if(confirm('http://home.netvigator.com/~mkpunnl  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://home.netvigator.com/~mkpunnl'" tppabs="http://home.netvigator.com/~mkpunnl">http://home.netvigator.com/~mkpunnl</A><BR><b>Details:</b> 0.83 KB * Uploaded April 16 1998<br><b>Description:</b>  This is not like the other Scroller scripts in this category - thise one scrolls the page vertically! (up and down!!) It's really cool!</P><P CLASS="listingalign" align=right>[ <a href="vertical.html#source" /scrolls/vertical.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Vertical Boxes" href="vertical-boxes.html" /scrolls/vertical-boxes.html">Vertical Boxes</a><br><B>Contributor:</B><a href="mailto:stonedstan@hotmail.com">Michael Tartaglia</a>&nbsp;(<a href="mailto:stonedstan@hotmail.com">stonedstan@hotmail.com</a>)<BR><B>Contributor URL:</B>&nbsp;<a href="javascript:if(confirm('http://www.geocities.com/SiliconValley/Horizon/5235  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.geocities.com/SiliconValley/Horizon/5235'" tppabs="http://www.geocities.com/SiliconValley/Horizon/5235">http://www.geocities.com/SiliconValley/Horizon/5235</A><BR><b>Details:</b> 1.53 KB * Uploaded August 24 1998<br><b>Description:</b>  This is probably the most interesting scroll that doesn't use the browser's status bar (the bar at the bottom of the screen) or a text box on the page.  Instead, it scrolls vertically up and down multiple text boxes!  Take a look to see what we mean! </P><P CLASS="listingalign" align=right>[ <a href="vertical-boxes.html#source" /scrolls/vertical-boxes.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="write-slide" href="write-slide.html" /scrolls/write-slide.html">Write And Slide</a><BR><b>Details:</b> 1.09 KB * Uploaded August 23 1997<br><b>Description:</b>  This again is a very simple scroll. It keeps adding letters one by one across the status bar until the entire message is written out. Then, it quickly scrolls the entire to the left, until it is disappears from the status bar. Then the whole process starts again... Just look at the statusbar to see what I mean. Not very spectacular, but nice...</P><P CLASS="listingalign" align=right>[ <a href="write-slide.html#source" /scrolls/write-slide.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

</FONT>
</CENTER>

</CENTER>